<template>
    <div class="home">
        <!--<img alt="Vue logo" src="../assets/logo.png">-->
        <!--<h1>hello world</h1>-->
        <Head/>
        <Banner/>
        <div>
            <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
        </div>
        <Footer/>
    </div>
</template>

<script>
    import Head from '../components/Head'
    import Footer from '../components/Footer'
    import Banner from "../components/Banner";

    export default {
        name: 'Home',

        // data(){
        //   return {'a':123}
        // },

        // 推荐用法
        // created() {
        // 向后端发请求
        // this就是vue对象
        // 正常用法
        // this.$axios.get('http://127.0.0.1:8000/home/home/').
        // then(function (response) {
        //   console.log(response)
        // }).catch(function (error) {
        //   console.log(error)
        // })

        // 箭头函数
        //     this.$axios.get('http://127.0.0.1:8000/home/home/').then(response => {
        //         console.log(response.data.msg)  // response.data才是真正后台返回的数据
        //     }).catch(error => {
        //         console.log(error)
        //     })
        // },
        // 曾经用法
        // created:function(){
        //
        // },

        components: {
            Banner,
            Head,
            Footer,
        }
    }
</script>
